.content{
    width: 100%;
    height: auto;
    overflow: hidden;
    background: white;
    border-top:solid 2px #D1D1D1;
    .content_one{
        width: 1100px;
        height: auto;
        overflow: hidden;
        margin: auto;
        
        .content2{
            width: 420px;
            height: 420px;
            
            float: left;
            margin: 30px;
            img{
                width: 420px;
                height: 420px;
            }
        }
        .xiangqing{
                width: 828px;
                height: 37px;
                
                border-bottom:solid 1px #CFCFCF;
                float: left;
                margin-left: 30px;
                margin-top: 20px;
                li{
                    float: left;
                    margin-left: 10px;
                    .a1{
                        display: block;
                        background: #FFFFFF;
                        color: #5B5B5B;
                        line-height: 35px;
                        font-family: "微软雅黑";
                        font-size:12px;
                        text-align: center;
                        width: 131px;
                        height: 37px;
                        border: solid 1px #CFCFCF;
                        border-bottom: none;
                    }
                    .a2{
                        display: block;
                        background:#F5F6F1;
                        color: #5B5B5B;
                        line-height: 35px;
                        font-family: "微软雅黑";
                        font-size:12px;
                        text-align: center;
                        width: 131px;
                        height: 36px;
                        border: solid 1px #CFCFCF;
                        border-bottom: none; 
                    }
                }
        }
        .show_content{
            width: 750px;
            height: auto;
            overflow: hidden;
            background: red;
            float: left;
            margin-left: 50px;
            margin-top: 60px;
            img{
                width: 750px;
                height: 653px;
            }
        }
        .biaoqianyun{
            width: 750px;
            height: 117px;
            border: solid 1px #EEEEEE;
            float: right;
            margin: 58px;
            .biaoqianyun1{
                
                width: 374px;
                height: 106px;
                
                float: left;
                margin-top: 5px;
                ul{
                    li{
                        float: left;
                        display: block;
                        background: #EEEEEE;
                        margin-left: 20px;
                        color: #229CA0;
                        font-size: 12px;
                        line-height: 18px;
                        font-family: "微软雅黑";
                        
                    }
                }
                span{
                    color: #5C5C5C;
                    font-size: 14px;
                    line-height: 30px;
                    font-family: "微软雅黑";
                    text-indent: 20px;
                    display: block;
                }
            }
            .biaoqianyun1.and{
                border-left: solid 1px #EEEEEE;
            }
        }
        .content3{
            width: 378px;
            height: 457px;
            
            float: left;
            margin-top: 30px;
            .title{
                width: 378px;
                height: 76px;
                border-bottom: solid 1px #F3F3F3;
                span{
                    color: #222;
                    font-family: "微软雅黑";
                    font-size:18px;
                    font-weight: 400;
                    line-height: 30px;
                }
            }
            .yun{
                width: 360px;
                height: 32px;
                margin-top: 5px;
                span{
                    color: #5C5C5C;
                    font-size: 12px;
                    font-family: "微软雅黑";
                    line-height: 10px;
                    
                }
            }
            
            .join{
                width: 260px;
                height: 50px;
                background: #46C600;
                margin-top: 80px;
                border-radius: 5px;
                margin-left: 40px;
                a{
                    color: white;
                    width: 260px;
                    border-radius: 5px;
                    height: 50px;
                    display: block;
                    text-align: center;
                    background: url(images/buycar2.png)no-repeat 45px 15px;
                    font-size: 18px;
                    line-height: 50px;
                    font-family: "微软雅黑";
                    
                }
            }
            .shop{
                width: 370px;
                height: 22px;
                
                float: left;
                margin-top: 15px;
                position: relative;
                .gou{
                    display: block;
                    color: #5C5C5C;
                    font-size: 12px;
                    line-height: 25px;
                    font-family: "微软雅黑";
                    float: left;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                }
                .cun{
                    display: block;
                    color: #5C5C5C;
                    font-size: 12px;
                    line-height: 25px;
                    font-family: "微软雅黑";
                    float: left;
                    position: absolute;
                    left: 180px;
                    top: 0px;
                }
                input{
                    width: 42px;
                    height: 22px;
                    border: solid 1px #C8C9CE;
                    position: absolute;
                    left: 102px;
                    top: 0px;
                    color: #8A8A8A;
                    font-size: 16px;
                    font-family: "微软雅黑";
                    text-align: center;
                    
                }
                .a1{
                    width: 13px;
                    height: 13px;
                    display: block;
                    float: left;
                    border: solid 1px #C8C9CE;
                    position: absolute;
                    line-height: 12px;
                    left: 80px;
                    top: 5px;
                }
                .a2{
                    width: 13px;
                    height: 13px;
                    display: block;
                    
                    line-height: 12px;
                    border: solid 1px #C8C9CE;
                    position: absolute;
                    left: 155px;
                    top: 5px;
                }
              
            }
            ul{
                height: 37px;
                width: 370px;
                
                li{
                    float: left;
                }
                .li2.and{
                    width: 58px;
                    height: 30px;
                    display: block;
                    margin: 5px;
                   label{
                        width: 58px;
                        height: 30px;
                        display: block;
                        text-align: center;
                        font-size:12px ;
                        line-height: 26px;
                        color: #5C5C5C;
                        border: solid 1px #C8C9CE;
                        input{
                            display: none;
                        }
                        &:hover{
                            border: solid 2px #77B500;
                        }
                    }
                }
                .li3.and{
                    width: 46px;
                    height: 30px;
                    display: block;
                    margin: 5px;
                    label{
                        width: 46px;
                        height: 30px;
                        display: block;
                        text-align: center;
                        font-size:12px ;
                        line-height: 26px;
                        color: #5C5C5C;
                        border: solid 1px #C8C9CE;
                        input{
                            display: none;
                        }
                        &:hover{
                            border: solid 2px #77B500;
                        }
                    }
                }
                .li1{
                    color: #5C5C5C;
                    font-size: 12px;
                    font-family: "微软雅黑";
                    line-height: 35px; 
                    
                }
                .li2{
                    width: 34px;
                    height: 24px;
                    display: block;
                    margin: 5px;
                    margin-left: 15px;
                    label{
                        width: 34px;
                        height: 24px;
                        display: block;
                        text-align: center;
                        font-size:12px ;
                        line-height: 26px;
                        color: #5C5C5C;
                        border: solid 1px #C8C9CE;
                        input{
                            display: none;
                        }
                        &:hover{
                            border: solid 2px #77B500;
                        }
                    }
                }
                .li3{
                    width: 29px;
                    height: 24px;
                    display: block;
                    
                    margin: 5px;
                    
                    label{
                        width: 29px;
                        height: 24px;
                        display: block;
                        text-align: center;
                        font-size:12px ;
                        line-height: 26px;
                        color: #5C5C5C;
                        border: solid 1px #C8C9CE;
                        input{
                            display: none;
                        }
                        &:hover{
                            border: solid 2px #77B500;
                        }
                    }
                }
            }
            .jiage{
                width: 360px;
                height: 32px;
               
                margin-top: 25px;
                .s1{
                    color: #5C5C5C;
                    font-size: 12px;
                    font-family: "微软雅黑";
                    line-height: 10px;
                }
                .s2{
                    color: #FF7800;
                    font-size: 22px;
                    font-weight: 700;
                    line-height: 30px;
                    font-family: "微软雅黑";
                }
            }
        }
        .hot{
            width: 242px;
            height: 980px;
            float: left;
             
            margin-top: 30px;
            .box_x{
                width: 240px;
                height: 938px;
                border: solid 1px #D9D9D9;
                .hot2{
                width: 210px;
                height: 81px;
                float: left;
                margin: 16px;
                .zi1{
                     width: 122px;
                     height: 81px;
                     
                     float: left;
                     margin-left: 5px;
                     a{
                         color: #229CA0;
                         font-family: "微软雅黑";
                         font-size:12px;
                         line-height: 20px;
                       
                     }
                     p{
                         color: #FD834C;
                         font-family: "微软雅黑";
                         font-size:12px;
                         line-height: 20px;
                         
                     }
                 }
                .im{
                    float: left;
                    width: 69px;
                    height: 68px;
                    padding: 6px;
                    border: solid 1px #D9D9D9;
                    img{
                        width: 69px;
                        height: 69px;
                    }
                }
            }
                
            }    
            
            .hot1{
                width: 242px;
                height: 42px;
                background: blue;
                
                a{
                    display: block;
                    width: 121px;
                    height: 40px;
                    float: left;
                    background: #EDEDED;
                    color: #229CA0;
                    font-family: "微软雅黑";
                    font-size:14px;
                    line-height: 40px;
                    text-align: center;
                    
                }
                .a1{
                     border-top: solid 2px #229CA0;
                    
                }
                .a2{
                    border-top: solid 2px #F6F6F6;
                    background: #F6F6F6;
                     &:hover{
                         border-top: solid 2px #229CA0;
                         background: #EDEDED;
                     }
                }
            }       
        }
    }
}














